import React, { useState } from 'react';
import { Pressable, Text, StyleSheet, ScrollView } from 'react-native';

const TestDemo = () => {
  const [state1,setState1] = useState('111')
  const [state2,setState2] = useState('111')
  const [state3,setState3] = useState('111')
  const [state4,setState4] = useState('111')
  const [state5,setState5] = useState('111')
  const [state6,setState6] = useState('111')
  const [state7,setState7] = useState('111')
  const [state8,setState8] = useState('111')
  const [state9,setState9] = useState('111')
  const [state10,setState10] = useState('111')
  const [state11,setState11] = useState('111')
  const [state12,setState12] = useState('111')
  const [state13,setState13] = useState('111')
  const [state14,setState14] = useState('111')
  const [state15,setState15] = useState('111')
  const stateMap = [
    {
      state:state1,
      handlePress:() => {
        setState1('222')
    },
  },
    {
      state:state2,
      handlePress:() => {
        setState2('222')
    },
    },
    {
      state:state3,
      handlePress:() => {
        setState3('222')
    },
    },
    {
      state:state4,
      handlePress:() => {
        setState4('222')
    },
    },
    {
      state:state5,
      handlePress:() => {
        setState5('222')
    },
    },
    {
      state:state6,
      handlePress:() => {
        setState6('222')
    },
    },
    {
      state:state7,
      handlePress:() => {
        setState7('222')
    },
    },
    {
      state:state8,
      handlePress:() => {
        setState8('222')
    },
    },
    {
      state:state9,
      handlePress:() => {
        setState9('222')
    },
    },
    {
      state:state10,
      handlePress:() => {
        setState10('222')
    },
    },
    {
      state:state11,
      handlePress:() => {
        setState11('222')
    },
    },
    {
      state:state12,
      handlePress:() => {
        setState12('222')
    },
    },
    {
      state:state13,
      handlePress:() => {
        setState13('222')
    },
    },
    {
      state:state14,
      handlePress:() => {
        setState14('222')
    },
    },
    {
      state:state15,
      handlePress:() => {
        setState15('222')
    },
    },
    {
      state:state1,
      handlePress:() => {
        setState1('222')
    },
  },
    {
      state:state2,
      handlePress:() => {
        setState2('222')
    },
    },
    {
      state:state3,
      handlePress:() => {
        setState3('222')
    },
    },
    {
      state:state4,
      handlePress:() => {
        setState4('222')
    },
    },
    {
      state:state5,
      handlePress:() => {
        setState5('222')
    },
    },
    {
      state:state6,
      handlePress:() => {
        setState6('222')
    },
    },
    {
      state:state7,
      handlePress:() => {
        setState7('222')
    },
    },
    {
      state:state8,
      handlePress:() => {
        setState8('222')
    },
    },
    {
      state:state9,
      handlePress:() => {
        setState9('222')
    },
    },
    {
      state:state10,
      handlePress:() => {
        setState10('222')
    },
    },
    {
      state:state11,
      handlePress:() => {
        setState11('222')
    },
    },
    {
      state:state12,
      handlePress:() => {
        setState12('222')
    },
    },
    {
      state:state13,
      handlePress:() => {
        setState13('222')
    },
    },
    {
      state:state14,
      handlePress:() => {
        setState14('222')
    },
    },
    {
      state:state15,
      handlePress:() => {
        setState15('222')
    },
    },
    {
      state:state1,
      handlePress:() => {
        setState1('222')
    },
  },
    {
      state:state2,
      handlePress:() => {
        setState2('222')
    },
    },
    {
      state:state3,
      handlePress:() => {
        setState3('222')
    },
    },
    {
      state:state4,
      handlePress:() => {
        setState4('222')
    },
    },
    {
      state:state5,
      handlePress:() => {
        setState5('222')
    },
    },
    {
      state:state6,
      handlePress:() => {
        setState6('222')
    },
    },
    {
      state:state7,
      handlePress:() => {
        setState7('222')
    },
    },
    {
      state:state8,
      handlePress:() => {
        setState8('222')
    },
    },
    {
      state:state9,
      handlePress:() => {
        setState9('222')
    },
    },
    {
      state:state10,
      handlePress:() => {
        setState10('222')
    },
    },
    {
      state:state11,
      handlePress:() => {
        setState11('222')
    },
    },
    {
      state:state12,
      handlePress:() => {
        setState12('222')
    },
    },
    {
      state:state13,
      handlePress:() => {
        setState13('222')
    },
    },
    {
      state:state14,
      handlePress:() => {
        setState14('222')
    },
    },
    {
      state:state15,
      handlePress:() => {
        setState15('222')
    },
    },
    {
      state:state1,
      handlePress:() => {
        setState1('222')
    },
  },
    {
      state:state2,
      handlePress:() => {
        setState2('222')
    },
    },
    {
      state:state3,
      handlePress:() => {
        setState3('222')
    },
    },
    {
      state:state4,
      handlePress:() => {
        setState4('222')
    },
    },
    {
      state:state5,
      handlePress:() => {
        setState5('222')
    },
    },
    {
      state:state6,
      handlePress:() => {
        setState6('222')
    },
    },
    {
      state:state7,
      handlePress:() => {
        setState7('222')
    },
    },
    {
      state:state8,
      handlePress:() => {
        setState8('222')
    },
    },
    {
      state:state9,
      handlePress:() => {
        setState9('222')
    },
    },
    {
      state:state10,
      handlePress:() => {
        setState10('222')
    },
    },
    {
      state:state11,
      handlePress:() => {
        setState11('222')
    },
    },
    {
      state:state12,
      handlePress:() => {
        setState12('222')
    },
    },
    {
      state:state13,
      handlePress:() => {
        setState13('222')
    },
    },
    {
      state:state14,
      handlePress:() => {
        setState14('222')
    },
    },
    {
      state:state15,
      handlePress:() => {
        setState15('222')
    },
    },
    {
      state:state1,
      handlePress:() => {
        setState1('222')
    },
  },
    {
      state:state2,
      handlePress:() => {
        setState2('222')
    },
    },
    {
      state:state3,
      handlePress:() => {
        setState3('222')
    },
    },
    {
      state:state4,
      handlePress:() => {
        setState4('222')
    },
    },
    {
      state:state5,
      handlePress:() => {
        setState5('222')
    },
    },
    {
      state:state6,
      handlePress:() => {
        setState6('222')
    },
    },
    {
      state:state7,
      handlePress:() => {
        setState7('222')
    },
    },
    {
      state:state8,
      handlePress:() => {
        setState8('222')
    },
    },
    {
      state:state9,
      handlePress:() => {
        setState9('222')
    },
    },
    {
      state:state10,
      handlePress:() => {
        setState10('222')
    },
    },
    {
      state:state11,
      handlePress:() => {
        setState11('222')
    },
    },
    {
      state:state12,
      handlePress:() => {
        setState12('222')
    },
    },
    {
      state:state13,
      handlePress:() => {
        setState13('222')
    },
    },
    {
      state:state14,
      handlePress:() => {
        setState14('222')
    },
    },
    {
      state:state15,
      handlePress:() => {
        setState15('222')
    },
    },
    {
      state:state1,
      handlePress:() => {
        setState1('222')
    },
  },
    {
      state:state2,
      handlePress:() => {
        setState2('222')
    },
    },
    {
      state:state3,
      handlePress:() => {
        setState3('222')
    },
    },
    {
      state:state4,
      handlePress:() => {
        setState4('222')
    },
    },
    {
      state:state5,
      handlePress:() => {
        setState5('222')
    },
    },
    {
      state:state6,
      handlePress:() => {
        setState6('222')
    },
    },
    {
      state:state7,
      handlePress:() => {
        setState7('222')
    },
    },
    {
      state:state8,
      handlePress:() => {
        setState8('222')
    },
    },
    {
      state:state9,
      handlePress:() => {
        setState9('222')
    },
    },
    {
      state:state10,
      handlePress:() => {
        setState10('222')
    },
    },
    {
      state:state11,
      handlePress:() => {
        setState11('222')
    },
    },
    {
      state:state12,
      handlePress:() => {
        setState12('222')
    },
    },
    {
      state:state13,
      handlePress:() => {
        setState13('222')
    },
    },
    {
      state:state14,
      handlePress:() => {
        setState14('222')
    },
    },
    {
      state:state15,
      handlePress:() => {
        setState15('222')
    },
    },
    {
      state:state1,
      handlePress:() => {
        setState1('222')
    },
  },
    {
      state:state2,
      handlePress:() => {
        setState2('222')
    },
    },
    {
      state:state3,
      handlePress:() => {
        setState3('222')
    },
    },
    {
      state:state4,
      handlePress:() => {
        setState4('222')
    },
    },
    {
      state:state5,
      handlePress:() => {
        setState5('222')
    },
    },
    {
      state:state6,
      handlePress:() => {
        setState6('222')
    },
    },
    {
      state:state7,
      handlePress:() => {
        setState7('222')
    },
    },
    {
      state:state8,
      handlePress:() => {
        setState8('222')
    },
    },
    {
      state:state9,
      handlePress:() => {
        setState9('222')
    },
    },
    {
      state:state10,
      handlePress:() => {
        setState10('222')
    },
    },
    {
      state:state11,
      handlePress:() => {
        setState11('222')
    },
    },
    {
      state:state12,
      handlePress:() => {
        setState12('222')
    },
    },
    {
      state:state13,
      handlePress:() => {
        setState13('222')
    },
    },
    {
      state:state14,
      handlePress:() => {
        setState14('222')
    },
    },
    {
      state:state15,
      handlePress:() => {
        setState15('222')
    },
    },
    {
      state:state1,
      handlePress:() => {
        setState1('222')
    },
  },
    {
      state:state2,
      handlePress:() => {
        setState2('222')
    },
    },
    {
      state:state3,
      handlePress:() => {
        setState3('222')
    },
    },
    {
      state:state4,
      handlePress:() => {
        setState4('222')
    },
    },
    {
      state:state5,
      handlePress:() => {
        setState5('222')
    },
    },
    {
      state:state6,
      handlePress:() => {
        setState6('222')
    },
    },
    {
      state:state7,
      handlePress:() => {
        setState7('222')
    },
    },
    {
      state:state8,
      handlePress:() => {
        setState8('222')
    },
    },
    {
      state:state9,
      handlePress:() => {
        setState9('222')
    },
    },
    {
      state:state10,
      handlePress:() => {
        setState10('222')
    },
    },
    {
      state:state11,
      handlePress:() => {
        setState11('222')
    },
    },
    {
      state:state12,
      handlePress:() => {
        setState12('222')
    },
    },
    {
      state:state13,
      handlePress:() => {
        setState13('222')
    },
    },
    {
      state:state14,
      handlePress:() => {
        setState14('222')
    },
    },
    {
      state:state15,
      handlePress:() => {
        setState15('222')
    },
    },
    {
      state:state1,
      handlePress:() => {
        setState1('222')
    },
  },
    {
      state:state2,
      handlePress:() => {
        setState2('222')
    },
    },
    {
      state:state3,
      handlePress:() => {
        setState3('222')
    },
    },
    {
      state:state4,
      handlePress:() => {
        setState4('222')
    },
    },
    {
      state:state5,
      handlePress:() => {
        setState5('222')
    },
    },
    {
      state:state6,
      handlePress:() => {
        setState6('222')
    },
    },
    {
      state:state7,
      handlePress:() => {
        setState7('222')
    },
    },
    {
      state:state8,
      handlePress:() => {
        setState8('222')
    },
    },
    {
      state:state9,
      handlePress:() => {
        setState9('222')
    },
    },
    {
      state:state10,
      handlePress:() => {
        setState10('222')
    },
    },
    {
      state:state11,
      handlePress:() => {
        setState11('222')
    },
    },
    {
      state:state12,
      handlePress:() => {
        setState12('222')
    },
    },
    {
      state:state13,
      handlePress:() => {
        setState13('222')
    },
    },
    {
      state:state14,
      handlePress:() => {
        setState14('222')
    },
    },
    {
      state:state15,
      handlePress:() => {
        setState15('222')
    },
    },
    {
      state:state1,
      handlePress:() => {
        setState1('222')
    },
  },
    {
      state:state2,
      handlePress:() => {
        setState2('222')
    },
    },
    {
      state:state3,
      handlePress:() => {
        setState3('222')
    },
    },
    {
      state:state4,
      handlePress:() => {
        setState4('222')
    },
    },
    {
      state:state5,
      handlePress:() => {
        setState5('222')
    },
    },
    {
      state:state6,
      handlePress:() => {
        setState6('222')
    },
    },
    {
      state:state7,
      handlePress:() => {
        setState7('222')
    },
    },
    {
      state:state8,
      handlePress:() => {
        setState8('222')
    },
    },
    {
      state:state9,
      handlePress:() => {
        setState9('222')
    },
    },
    {
      state:state10,
      handlePress:() => {
        setState10('222')
    },
    },
    {
      state:state11,
      handlePress:() => {
        setState11('222')
    },
    },
    {
      state:state12,
      handlePress:() => {
        setState12('222')
    },
    },
    {
      state:state13,
      handlePress:() => {
        setState13('222')
    },
    },
    {
      state:state14,
      handlePress:() => {
        setState14('222')
    },
    },
    {
      state:state15,
      handlePress:() => {
        setState15('222')
    },
    },
    {
      state:state1,
      handlePress:() => {
        setState1('222')
    },
  },
    {
      state:state2,
      handlePress:() => {
        setState2('222')
    },
    },
    {
      state:state3,
      handlePress:() => {
        setState3('222')
    },
    },
    {
      state:state4,
      handlePress:() => {
        setState4('222')
    },
    },
    {
      state:state5,
      handlePress:() => {
        setState5('222')
    },
    },
    {
      state:state6,
      handlePress:() => {
        setState6('222')
    },
    },
    {
      state:state7,
      handlePress:() => {
        setState7('222')
    },
    },
    {
      state:state8,
      handlePress:() => {
        setState8('222')
    },
    },
    {
      state:state9,
      handlePress:() => {
        setState9('222')
    },
    },
    {
      state:state10,
      handlePress:() => {
        setState10('222')
    },
    },
    {
      state:state11,
      handlePress:() => {
        setState11('222')
    },
    },
    {
      state:state12,
      handlePress:() => {
        setState12('222')
    },
    },
    {
      state:state13,
      handlePress:() => {
        setState13('222')
    },
    },
    {
      state:state14,
      handlePress:() => {
        setState14('222')
    },
    },
    {
      state:state15,
      handlePress:() => {
        setState15('222')
    },
    },
    {
      state:state1,
      handlePress:() => {
        setState1('222')
    },
  },
    {
      state:state2,
      handlePress:() => {
        setState2('222')
    },
    },
    {
      state:state3,
      handlePress:() => {
        setState3('222')
    },
    },
    {
      state:state4,
      handlePress:() => {
        setState4('222')
    },
    },
    {
      state:state5,
      handlePress:() => {
        setState5('222')
    },
    },
    {
      state:state6,
      handlePress:() => {
        setState6('222')
    },
    },
    {
      state:state7,
      handlePress:() => {
        setState7('222')
    },
    },
    {
      state:state8,
      handlePress:() => {
        setState8('222')
    },
    },
    {
      state:state9,
      handlePress:() => {
        setState9('222')
    },
    },
    {
      state:state10,
      handlePress:() => {
        setState10('222')
    },
    },
    {
      state:state11,
      handlePress:() => {
        setState11('222')
    },
    },
    {
      state:state12,
      handlePress:() => {
        setState12('222')
    },
    },
    {
      state:state13,
      handlePress:() => {
        setState13('222')
    },
    },
    {
      state:state14,
      handlePress:() => {
        setState14('222')
    },
    },
    {
      state:state15,
      handlePress:() => {
        setState15('222')
    },
    },
    {
      state:state1,
      handlePress:() => {
        setState1('222')
    },
  },
    {
      state:state2,
      handlePress:() => {
        setState2('222')
    },
    },
    {
      state:state3,
      handlePress:() => {
        setState3('222')
    },
    },
    {
      state:state4,
      handlePress:() => {
        setState4('222')
    },
    },
    {
      state:state5,
      handlePress:() => {
        setState5('222')
    },
    },
    {
      state:state6,
      handlePress:() => {
        setState6('222')
    },
    },
    {
      state:state7,
      handlePress:() => {
        setState7('222')
    },
    },
    {
      state:state8,
      handlePress:() => {
        setState8('222')
    },
    },
    {
      state:state9,
      handlePress:() => {
        setState9('222')
    },
    },
    {
      state:state10,
      handlePress:() => {
        setState10('222')
    },
    },
    {
      state:state11,
      handlePress:() => {
        setState11('222')
    },
    },
    {
      state:state12,
      handlePress:() => {
        setState12('222')
    },
    },
    {
      state:state13,
      handlePress:() => {
        setState13('222')
    },
    },
    {
      state:state14,
      handlePress:() => {
        setState14('222')
    },
    },
    {
      state:state15,
      handlePress:() => {
        setState15('222')
    },
    },
    {
      state:state1,
      handlePress:() => {
        setState1('222')
    },
  },
    {
      state:state2,
      handlePress:() => {
        setState2('222')
    },
    },
    {
      state:state3,
      handlePress:() => {
        setState3('222')
    },
    },
    {
      state:state4,
      handlePress:() => {
        setState4('222')
    },
    },
    {
      state:state5,
      handlePress:() => {
        setState5('222')
    },
    },
    {
      state:state6,
      handlePress:() => {
        setState6('222')
    },
    },
    {
      state:state7,
      handlePress:() => {
        setState7('222')
    },
    },
    {
      state:state8,
      handlePress:() => {
        setState8('222')
    },
    },
    {
      state:state9,
      handlePress:() => {
        setState9('222')
    },
    },
    {
      state:state10,
      handlePress:() => {
        setState10('222')
    },
    },
    {
      state:state11,
      handlePress:() => {
        setState11('222')
    },
    },
    {
      state:state12,
      handlePress:() => {
        setState12('222')
    },
    },
    {
      state:state13,
      handlePress:() => {
        setState13('222')
    },
    },
    {
      state:state14,
      handlePress:() => {
        setState14('222')
    },
    },
    {
      state:state15,
      handlePress:() => {
        setState15('222')
    },
    },
    {
      state:state1,
      handlePress:() => {
        setState1('222')
    },
  },
    {
      state:state2,
      handlePress:() => {
        setState2('222')
    },
    },
    {
      state:state3,
      handlePress:() => {
        setState3('222')
    },
    },
    {
      state:state4,
      handlePress:() => {
        setState4('222')
    },
    },
    {
      state:state5,
      handlePress:() => {
        setState5('222')
    },
    },
    {
      state:state6,
      handlePress:() => {
        setState6('222')
    },
    },
    {
      state:state7,
      handlePress:() => {
        setState7('222')
    },
    },
    {
      state:state8,
      handlePress:() => {
        setState8('222')
    },
    },
    {
      state:state9,
      handlePress:() => {
        setState9('222')
    },
    },
    {
      state:state10,
      handlePress:() => {
        setState10('222')
    },
    },
    {
      state:state11,
      handlePress:() => {
        setState11('222')
    },
    },
    {
      state:state12,
      handlePress:() => {
        setState12('222')
    },
    },
    {
      state:state13,
      handlePress:() => {
        setState13('222')
    },
    },
    {
      state:state14,
      handlePress:() => {
        setState14('222')
    },
    },
    {
      state:state15,
      handlePress:() => {
        setState15('222')
    },
    },
    {
      state:state1,
      handlePress:() => {
        setState1('222')
    },
  },
    {
      state:state2,
      handlePress:() => {
        setState2('222')
    },
    },
    {
      state:state3,
      handlePress:() => {
        setState3('222')
    },
    },
    {
      state:state4,
      handlePress:() => {
        setState4('222')
    },
    },
    {
      state:state5,
      handlePress:() => {
        setState5('222')
    },
    },
    {
      state:state6,
      handlePress:() => {
        setState6('222')
    },
    },
    {
      state:state7,
      handlePress:() => {
        setState7('222')
    },
    },
    {
      state:state8,
      handlePress:() => {
        setState8('222')
    },
    },
    {
      state:state9,
      handlePress:() => {
        setState9('222')
    },
    },
    {
      state:state10,
      handlePress:() => {
        setState10('222')
    },
    },
    {
      state:state11,
      handlePress:() => {
        setState11('222')
    },
    },
    {
      state:state12,
      handlePress:() => {
        setState12('222')
    },
    },
    {
      state:state13,
      handlePress:() => {
        setState13('222')
    },
    },
    {
      state:state14,
      handlePress:() => {
        setState14('222')
    },
    },
    {
      state:state15,
      handlePress:() => {
        setState15('222')
    },
    },
    {
      state:state1,
      handlePress:() => {
        setState1('222')
    },
  },
    {
      state:state2,
      handlePress:() => {
        setState2('222')
    },
    },
    {
      state:state3,
      handlePress:() => {
        setState3('222')
    },
    },
    {
      state:state4,
      handlePress:() => {
        setState4('222')
    },
    },
    {
      state:state5,
      handlePress:() => {
        setState5('222')
    },
    },
    {
      state:state6,
      handlePress:() => {
        setState6('222')
    },
    },
    {
      state:state7,
      handlePress:() => {
        setState7('222')
    },
    },
    {
      state:state8,
      handlePress:() => {
        setState8('222')
    },
    },
    {
      state:state9,
      handlePress:() => {
        setState9('222')
    },
    },
    {
      state:state10,
      handlePress:() => {
        setState10('222')
    },
    },
    {
      state:state11,
      handlePress:() => {
        setState11('222')
    },
    },
    {
      state:state12,
      handlePress:() => {
        setState12('222')
    },
    },
    {
      state:state13,
      handlePress:() => {
        setState13('222')
    },
    },
    {
      state:state14,
      handlePress:() => {
        setState14('222')
    },
    },
    {
      state:state15,
      handlePress:() => {
        setState15('222')
    },
    },
    {
      state:state1,
      handlePress:() => {
        setState1('222')
    },
  },
    {
      state:state2,
      handlePress:() => {
        setState2('222')
    },
    },
    {
      state:state3,
      handlePress:() => {
        setState3('222')
    },
    },
    {
      state:state4,
      handlePress:() => {
        setState4('222')
    },
    },
    {
      state:state5,
      handlePress:() => {
        setState5('222')
    },
    },
    {
      state:state6,
      handlePress:() => {
        setState6('222')
    },
    },
    {
      state:state7,
      handlePress:() => {
        setState7('222')
    },
    },
    {
      state:state8,
      handlePress:() => {
        setState8('222')
    },
    },
    {
      state:state9,
      handlePress:() => {
        setState9('222')
    },
    },
    {
      state:state10,
      handlePress:() => {
        setState10('222')
    },
    },
    {
      state:state11,
      handlePress:() => {
        setState11('222')
    },
    },
    {
      state:state12,
      handlePress:() => {
        setState12('222')
    },
    },
    {
      state:state13,
      handlePress:() => {
        setState13('222')
    },
    },
    {
      state:state14,
      handlePress:() => {
        setState14('222')
    },
    },
    {
      state:state15,
      handlePress:() => {
        setState15('222')
    },
    },
    {
      state:state1,
      handlePress:() => {
        setState1('222')
    },
  },
    {
      state:state2,
      handlePress:() => {
        setState2('222')
    },
    },
    {
      state:state3,
      handlePress:() => {
        setState3('222')
    },
    },
    {
      state:state4,
      handlePress:() => {
        setState4('222')
    },
    },
    {
      state:state5,
      handlePress:() => {
        setState5('222')
    },
    },
    {
      state:state6,
      handlePress:() => {
        setState6('222')
    },
    },
    {
      state:state7,
      handlePress:() => {
        setState7('222')
    },
    },
    {
      state:state8,
      handlePress:() => {
        setState8('222')
    },
    },
    {
      state:state9,
      handlePress:() => {
        setState9('222')
    },
    },
    {
      state:state10,
      handlePress:() => {
        setState10('222')
    },
    },
    {
      state:state11,
      handlePress:() => {
        setState11('222')
    },
    },
    {
      state:state12,
      handlePress:() => {
        setState12('222')
    },
    },
    {
      state:state13,
      handlePress:() => {
        setState13('222')
    },
    },
    {
      state:state14,
      handlePress:() => {
        setState14('222')
    },
    },
    {
      state:state15,
      handlePress:() => {
        setState15('222')
    },
    },
    {
      state:state1,
      handlePress:() => {
        setState1('222')
    },
  },
    {
      state:state2,
      handlePress:() => {
        setState2('222')
    },
    },
    {
      state:state3,
      handlePress:() => {
        setState3('222')
    },
    },
    {
      state:state4,
      handlePress:() => {
        setState4('222')
    },
    },
    {
      state:state5,
      handlePress:() => {
        setState5('222')
    },
    },
    {
      state:state6,
      handlePress:() => {
        setState6('222')
    },
    },
    {
      state:state7,
      handlePress:() => {
        setState7('222')
    },
    },
    {
      state:state8,
      handlePress:() => {
        setState8('222')
    },
    },
    {
      state:state9,
      handlePress:() => {
        setState9('222')
    },
    },
    {
      state:state10,
      handlePress:() => {
        setState10('222')
    },
    },
    {
      state:state11,
      handlePress:() => {
        setState11('222')
    },
    },
    {
      state:state12,
      handlePress:() => {
        setState12('222')
    },
    },
    {
      state:state13,
      handlePress:() => {
        setState13('222')
    },
    },
    {
      state:state14,
      handlePress:() => {
        setState14('222')
    },
    },
    {
      state:state15,
      handlePress:() => {
        setState15('222')
    },
    },
    {
      state:state1,
      handlePress:() => {
        setState1('222')
    },
  },
    {
      state:state2,
      handlePress:() => {
        setState2('222')
    },
    },
    {
      state:state3,
      handlePress:() => {
        setState3('222')
    },
    },
    {
      state:state4,
      handlePress:() => {
        setState4('222')
    },
    },
    {
      state:state5,
      handlePress:() => {
        setState5('222')
    },
    },
    {
      state:state6,
      handlePress:() => {
        setState6('222')
    },
    },
    {
      state:state7,
      handlePress:() => {
        setState7('222')
    },
    },
    {
      state:state8,
      handlePress:() => {
        setState8('222')
    },
    },
    {
      state:state9,
      handlePress:() => {
        setState9('222')
    },
    },
    {
      state:state10,
      handlePress:() => {
        setState10('222')
    },
    },
    {
      state:state11,
      handlePress:() => {
        setState11('222')
    },
    },
    {
      state:state12,
      handlePress:() => {
        setState12('222')
    },
    },
    {
      state:state13,
      handlePress:() => {
        setState13('222')
    },
    },
    {
      state:state14,
      handlePress:() => {
        setState14('222')
    },
    },
    {
      state:state15,
      handlePress:() => {
        setState15('222')
    },
    },
    {
      state:state1,
      handlePress:() => {
        setState1('222')
    },
  },
    {
      state:state2,
      handlePress:() => {
        setState2('222')
    },
    },
    {
      state:state3,
      handlePress:() => {
        setState3('222')
    },
    },
    {
      state:state4,
      handlePress:() => {
        setState4('222')
    },
    },
    {
      state:state5,
      handlePress:() => {
        setState5('222')
    },
    },
    {
      state:state6,
      handlePress:() => {
        setState6('222')
    },
    },
    {
      state:state7,
      handlePress:() => {
        setState7('222')
    },
    },
    {
      state:state8,
      handlePress:() => {
        setState8('222')
    },
    },
    {
      state:state9,
      handlePress:() => {
        setState9('222')
    },
    },
    {
      state:state10,
      handlePress:() => {
        setState10('222')
    },
    },
    {
      state:state11,
      handlePress:() => {
        setState11('222')
    },
    },
    {
      state:state12,
      handlePress:() => {
        setState12('222')
    },
    },
    {
      state:state13,
      handlePress:() => {
        setState13('222')
    },
    },
    {
      state:state14,
      handlePress:() => {
        setState14('222')
    },
    },
    {
      state:state15,
      handlePress:() => {
        setState15('222')
    },
    },
    {
      state:state1,
      handlePress:() => {
        setState1('222')
    },
  },
    {
      state:state2,
      handlePress:() => {
        setState2('222')
    },
    },
    {
      state:state3,
      handlePress:() => {
        setState3('222')
    },
    },
    {
      state:state4,
      handlePress:() => {
        setState4('222')
    },
    },
    {
      state:state5,
      handlePress:() => {
        setState5('222')
    },
    },
    {
      state:state6,
      handlePress:() => {
        setState6('222')
    },
    },
    {
      state:state7,
      handlePress:() => {
        setState7('222')
    },
    },
    {
      state:state8,
      handlePress:() => {
        setState8('222')
    },
    },
    {
      state:state9,
      handlePress:() => {
        setState9('222')
    },
    },
    {
      state:state10,
      handlePress:() => {
        setState10('222')
    },
    },
    {
      state:state11,
      handlePress:() => {
        setState11('222')
    },
    },
    {
      state:state12,
      handlePress:() => {
        setState12('222')
    },
    },
    {
      state:state13,
      handlePress:() => {
        setState13('222')
    },
    },
    {
      state:state14,
      handlePress:() => {
        setState14('222')
    },
    },
    {
      state:state15,
      handlePress:() => {
        setState15('222')
    },
    },
    {
      state:state1,
      handlePress:() => {
        setState1('222')
    },
  },
    {
      state:state2,
      handlePress:() => {
        setState2('222')
    },
    },
    {
      state:state3,
      handlePress:() => {
        setState3('222')
    },
    },
    {
      state:state4,
      handlePress:() => {
        setState4('222')
    },
    },
    {
      state:state5,
      handlePress:() => {
        setState5('222')
    },
    },
    {
      state:state6,
      handlePress:() => {
        setState6('222')
    },
    },
    {
      state:state7,
      handlePress:() => {
        setState7('222')
    },
    },
    {
      state:state8,
      handlePress:() => {
        setState8('222')
    },
    },
    {
      state:state9,
      handlePress:() => {
        setState9('222')
    },
    },
    {
      state:state10,
      handlePress:() => {
        setState10('222')
    },
    },
    {
      state:state11,
      handlePress:() => {
        setState11('222')
    },
    },
    {
      state:state12,
      handlePress:() => {
        setState12('222')
    },
    },
    {
      state:state13,
      handlePress:() => {
        setState13('222')
    },
    },
    {
      state:state14,
      handlePress:() => {
        setState14('222')
    },
    },
    {
      state:state15,
      handlePress:() => {
        setState15('222')
    },
    },
    
  ]
  return (
  stateMap.map((item)=>{
    return (
      <Pressable
    style={styles.pressable}
    onPressOut={item.handlePress}
  >
    <Text style={styles.text}>按我按钮</Text>
    <Text>{item.state}</Text>
  </Pressable>
    )
  }))
    
    
};

const styles = StyleSheet.create({
  pressable: {
    backgroundColor: '#3498db',
    padding: 16,
    borderRadius: 8,
  },
  text: {
    color: '#ffffff',
    fontSize: 18,
  },
});

export default TestDemo;